<template>
	<view class="goods-collect" @tap="tapCollect">
		<view class="iconfont" :class="[isCollect? 'el-icon-shoucangxiao tf-' + themeColor.name: 'el-icon-shoucangxiao1']"></view>
		<view style="opacity: .8;">收藏</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isCollect: false,	// 判断是否收藏
			}
		},
		methods: {
			// 收藏操作
			tapCollect() {
				this.isCollect = !this.isCollect;
			}
		}
	}
</script>

<style lang="scss" scoped>
	.goods-collect {
		font-size: $uni-font-size-sm;
		text-align: center;
		color: $uni-text-color;
		
		.iconfont {
			font-size: 35rpx;
			margin-bottom: 5rpx;
		}
	}
</style>
